<template>
  <div class="about">
    <h1>This is an about page</h1>
    <p>count:{{ count }}</p>
    <button @click="show">show</button>
    <button @click="changeCount">changeCount</button>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "AboutView",
});
</script>

<script lang="ts" setup>
/* ref方法用来创建一个响应式数据 */
import { ref } from "vue";

let count = ref(0);
console.log(count);
const show = () => {
  alert("hello");
};
const changeCount = () => {
  // count++;
  count.value++;
};
</script>
